<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Thymleaf</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
    <link rel="stylesheet"  th:href="@{/layui.css}">
    <script th:src="@{/layui.js}"></script>
    <script></script>
</head>
<body background="2.jpg"> <!--2.jpg-->
<!--<div style="text-align: center;margin-top: 20px">-->
<!--        <button type="button" class="btn btn-success ">温湿度采集表格数据展示</button>-->
<!--</div>-->
<h1 style="text-align: center;margin-top: 20px">温湿度超声波采集表格数据展示</h1>
<h2 style="text-align: center;margin-top: 20px;color: mediumvioletred">author : cx</h2>
<!--<div style="text-align: center;margin-top: 20px">-->
<!--    <button type="button" class="btn btn-danger ">author：陈霞</button>-->
<!--</div>-->
<table class="table table-hover table-dark" th:align="center" th:valign="middle" style="margin-top: 40px">
    <thead>
    <tr>
        <th scope="col">组号</th>
        <th scope="col">温度</th>
        <th scope="col">湿度</th>
        <th scope="col">ip地址</th>
        <th scope="col">距离</th>
        <th scope="col">采集时间</th>
    </tr>
    </thead>
    <tbody>
    <tr th:each="c,State:${message}">
        <th scope="row" th:text="${c.id}"></th>
        <td th:text="${c.temp}"></td>
        <td th:text="${c.humidity}"></td>
        <td th:text="${c.ip}"></td>
        <td th:text="${c.distance}"></td>
        <td th:text="${c.time}"></td>
    </tr>
    </tbody>
</table>
<div style="text-align: center">
    <a href="/humiture" rel="external nofollow" >
        <button type="button" class="btn btn-primary ">点击查看动态折现图</button>
    </a>
</div>
</body>

</html>
